.active-info-btn-wrap{
  text-align: right;
}
.active-store-wrap {
  text-align: center;
  padding: 15px;
  font-size: 17px;
}
span.active-store-name-title {
  margin-right: 5px;
}
.stock-wrap {
  background: #fcfcfc;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  box-shadow: #f0f0f0 0px 0px  1px 3px;
  margin-bottom: 6px;
  border-radius: 4px;
  padding: 5px 0;
}
.stock-item {
  position: relative;
  border-radius: 2px;
  background: white;
  margin-left: 5px;
  padding: 5px;
  border: #d2cbcb 1px dashed;
  min-width: 300px;
}
.stock-add {
  text-align: center;
  padding: 6%;
  display: flex;
  font-size: 20px;
  align-items: center;
  background-color: white;
  margin-left: 5px;
  border: #f0f0f0 1px solid;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 500ms ease;
}
.stock-add:hover{
  background-color: #c8dbef;
}
span.stock-item-del,span.stock-item-edit {
  position: absolute;
  cursor: pointer;
  color: #2b8ff2;
}
span.stock-item-edit {
  right: 5px;
}
.stock-item-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

span.btn-add {
  border: #dcdee2 1px solid;
  border-radius: 5px;
  padding: 5px 10px;
  transition: border 500ms ease;
  cursor: pointer;
}
span.btn-add:hover{
  border-color: #2b8ff2;
}

.rule-wrap {
  text-align: center;
}
.rule-title{
 font-weight: bold;
}
.rule-title ,.rule-item{
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 10px;
}
span.rule-title-item,.rule-item-content {
  width: 33%;
  text-align: center;
}
.btn-add-rule{
  margin-top: 10px;
}
.rule-desc {
  text-align: left;
}
